<div class="add_module_box" @fadeIn>
   <div class="add_module_content">
     <div class="close" nzTitle="关闭" nzPlacement="topCenter" nz-tooltip (click)="onClose()">×</div>
     <div class="add_module_hearder">
       <div class="title">添加模块</div>
       <div class="tip">添加模块，在花名册中计算模块权重</div>
     </div>
     <div class="add_module_center clearfix">
       <div class="title">
         <span class="title_logo"></span>
         <span>我的教案包</span>
       </div>
       <div class="select_all f_r">
         <label nz-checkbox (ngModelChange)="addModule.selectAll(addModule.isSelectAll)" [ngModel]="addModule.isSelectAll">全部选择</label>
       </div>
       <div class="my_packages">
          <div class="my_package" *ngFor="let pack of addModule.packageArr;let i = index" [ngClass]="{'packages_active':pack.isSelect,'background_1':i%2==0,'background_2':i%2!=0}">
            <div class="select_logo " (click)="addModule.selectSingle(i)" [ngClass]="{'select_active':pack.isSelect}"></div>
            <img src="/assets/img/rollIndex/shaoma.png" alt="" width="90" height="90">
            <span class="content_name">扫码互动</span>
            <span class="content_english_name">QR Code Interaction</span>
          </div>
       </div>
     </div>
     <div class="add_btn">
       <button nz-button nzType="primary" [nzSize]="'large'">添加</button>
     </div>
   </div>
</div>

